.carousel-inner .carousel-item { transition: -webkit-transform 1s ease; transition: transform 1s ease; transition: transform 1s ease, -webkit-transform 1s ease; } .carousel-inner .carousel-caption{ right: 20%; bottom: 35%; left: 20%; z-index: 0; } .carousel-title-normal{ font-size: 2.4rem; color: #FFF; font-weight: bold; } .carousel-title{ font-size: 3.2rem;   font-weight: bold; text-shadow: 0 0 5px #888;} .carousel-text{ font-size: 1.2rem; color: #FFF; padding: 1.6rem 0; text-shadow: 0 0 5px #aaa;} .carousel-btn{ padding: .8rem 2rem; color: #FFF; font-weight: 500; font-size: 1rem; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; display: inline-block; border: 2px solid rgba(255,255,255,.4); border-radius: 2px; background-color: transparent !important; } .carousel-btn:hover{ color: #FFF !important; } .carousel-control-next-icon, .carousel-control-prev-icon{ vertical-align:middle; } .carousel-control-next, .carousel-control-prev{ z-index: 0; } .carousel-control-btn{ font-size: 1.4rem; padding: .8rem; border: 1px solid rgba(255,255,255,.5); } @media screen and (max-width:1400px){ .carousel-inner .carousel-caption{ bottom: 25%; } .carousel-title{ font-size: 2.4rem; } .carousel-text{ font-size: 1rem; } .carousel-btn{ padding: .4rem 1rem; margin-top: 0.5rem; } } @media screen and (max-width:1000px){ .carousel-inner .carousel-caption{ bottom: 20%; } .carousel-title{ font-size: 1.7rem; } .carousel-btn{ padding: .4rem 1rem; margin-top: 0; } } @media screen and (max-width:900px){ .carousel-inner .carousel-caption{ bottom: 0; } }